<template>
  <div class="header animated-overlay">

  </div>
</template>

<script setup name="Header">

</script>
<style scoped lang="scss">
.header {
  height: 60px;
  width: 100%;
  background-color: cornflowerblue;
  align-self: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.animated-overlay {
    animation: fadeInOut 2s infinite alternate;
  }

  /* 定义关键帧动画 */
  @keyframes fadeInOut {
    from {
      opacity: 0.3;
    }

    to {
      opacity: 0.7;
    }
  }
</style>
